<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<title>海苔君</title>
<link rel="stylesheet" href="css/xinde.css" type="text/css"/>
</head>

<body>
<header class="top-header">
	<a href="javascript:history.go(-1);" class="back-icon"></a>
	<h1>用户心得</h1>
</header>
<div class="pb60">
	<div class="xinde-content">
		<div class="tit">
			<h1>这里是文章的标题文字，有多少排多少居中显示了</h1>
		</div>
		<div class="cont">
			<div class="userinfo">
				<div class="tx">
					<img src="images/index_sub_03.png" class="pic" />
					<img src="images/hat.png" class="hat" width="21" height="12" />
				</div>
				<p class="name">一吃点狂奔</p>
				<div class="xin">
					<span class="on"></span>
					<span class="on"></span>
					<span class="on"></span>
					<span class="on"></span>
					<span class="empty"></span>
				</div>
				<div class="time">
					<div class="line"></div>
					<span>21小时前</span>
				</div>
			</div>
			<div class="content">
				这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。这里就是用户写的内容了啊。
				<img src="images/center_02.jpg" width="100%" />
				<div class="mt10 g9 tc">
					— END —
				</div>
			</div>
		</div>
	</div>
    <div class="d-box">
		<ul class="three-btn fix">
			<li><a href="javascript:;" class="btn">分享给好友</a></li>
			<li><a href="javascript:;" class="btn">赞 (79)</a></li>
			<li><a href="javascript:;" class="shang-btn btn"><img src="images/detail_28.png" width="11" /> 赏 (8)</a></li>
		</ul>
	</div>
	<div class="d-box">
		<div class="bar">
			<h3 class="link-icon">心得商品</h3>
		</div>
		<div class="cont">
			<ul class="xinde_goods">
				<li>
					<a href="#">
						<img src="images/detail_20.png" width="48" height="48" class="mr10" />
						<p class="ell g9">这里显示产品聚合页的标签名sdfdsfsdfsdfds称</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/detail_20.png" width="48" height="48" class="mr10" />
						<p class="ell g9">这里显示产品聚合页的标签名称</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/detail_20.png" width="48" height="48" class="mr10" />
						<p class="ell g9">这里显示产品聚合页的标签名称</p>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="d-box">
		<div class="bar">
			<h3 class="com-icon">最新评论（3）</h3>
		</div>
		<div class="cont">
			<ul class="com-list">
				<li>
					<div class="com-cont">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png" width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							这里是用户评论的内容文字，具体字数就看用户发了多少文字来看了撒。
						</div>
					</div>
					<div class="com-cont sayto">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png" width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称 对 用户昵称 说</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							这里是用户评论的内容文字，具体字数就看用户发了多少文字来看了撒。
						</div>
					</div>
				</li>
				<li>
					<div class="com-cont">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png"  width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							<div class="money">
								打赏了一个红包
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="com-cont">
						<div class="tit">
							<a href="javascript:;" class="btn"><img src="images/detail_44.png"  width="31" /></a>
							<img src="images/detail_15.png" class="tx" />
							<span>用户昵称</span>
							<span class="time">刚刚</span>
						</div>
						<div class="comment">
							<img src="images/detail_48.png" width="10" class="deco" />
							<div class="agree">
								赞了这篇文章
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="bottom-btn pt10 tc">
				<div class="mt10">
					<a href="comment.html" class="border-btn com-icon">更多评论</a>
				</div>
				<div class="mt10">
					<a href="#" class="border-btn write-icon">我要评论</a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="fix-comment">
	<div class="cont">
		<a href="javascript:;" class="yellow-btn">确定</a>
		<div class="input">
			<input type="text" class="write-input" placeholder="燕过留痕，人过留名" />
		</div>
		<img src="images/write_icon_03.png" width="10" class="input-desc" />
	</div>
</div>
<script src="js/sea.js"></script>
<script>
	seajs.config({
		alias:{
			'jquery':'lib/jquery.js',
			'zepto':'lib/zepto.js'
		},
		paths:{
			'basePath':'js/'
		},
		debug:true
	})
	seajs.use("src/index");
</script>
</body>
</html>
